.imgBox {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  &.on {
    &::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 20px 20px 0;
      border-color: transparent #007bff transparent transparent;
    }
  }
  &:hover {
    .operationBox {
      display: flex;
    }
  }
  .img {
    cursor: pointer;
    width: 100%;
  }
  .operationBox {
    width: 45px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba($color: #000000, $alpha: 0.3);
    .btn {
      width: 45px;
      height: 45px;
      margin-bottom: 0px;
      color: #fff;
      .btnIcon {
        font-size: 21px;
      }
      &:hover {
        color: #fff;
      }
    }
  }
}
